<script setup lang="ts">
import { useRouter } from 'vue-router';

// 确认事件 左侧按钮点击返回事件
const router = useRouter()
const onClickLeft = () => {
	if (props.back) {
		return props.back()
	}
	if (history.state?.back) {
		router.back()
	} else {
		router.push('/')
	}
}

// 待确认事件 标题 右侧文字 右侧按钮点击事件
const props = defineProps<{
	title?: string
	rightText?: string
	back?: () => void
}>()
const emit = defineEmits<{
	(emit: 'click-right'): void
}>()
const onClickRight = () => {
	emit('click-right')
}
</script>

<template>
	<van-n av-bar left-arrow @click-left="onClickLeft" fixed :title="title" :right-text="rightText"
		@click-right="onClickRight"></van-n>
</template>

<style lang="scss" scoped>
::v-deep() {
	.van-nav-bar {
		&__arrow {
			font-size: 18px;
			color: var(--cp-text1)
		}

		&__text {
			font-size: 15px;
		}
	}
}
</style>
